<template id="tmp-character-race">
    <span>
        <span class="badge badge-dark" v-if="race==1"><img  :src="'/images/alliance.gif'"> 人类</span>
        <span class="badge badge-dark" v-if="race==2"><img  :src="'/images/horde.gif'"> 兽人</span>
        <span class="badge badge-dark" v-if="race==3"><img  :src="'/images/alliance.gif'"> 矮人</span>
        <span class="badge badge-dark" v-if="race==4"><img  :src="'/images/alliance.gif'"> 暗夜精灵</span>
        <span class="badge badge-dark" v-if="race==5"><img  :src="'/images/horde.gif'"> 亡灵</span>
        <span class="badge badge-dark" v-if="race==6"><img  :src="'/images/horde.gif'"> 牛头人</span>
        <span class="badge badge-dark" v-if="race==7"><img  :src="'/images/alliance.gif'"> 侏儒</span>
        <span class="badge badge-dark" v-if="race==8"><img  :src="'/images/horde.gif'"> 巨魔</span>
        <span class="badge badge-dark" v-if="race==10"><img :src="'/images/horde.gif'"> 血精灵</span>
        <span class="badge badge-dark" v-if="race==11"><img :src="'/images/alliance.gif'"> 德莱尼</span>
    </span>
</template>
<script>
    Vue.component("component-character-race", {
        props:["race"],
        template:"#tmp-character-race",
    });
</script>
<style>
</style>
